<!-- TO10不良 -->
<script lang="ts" setup>
import MyBox from '@/components/MyBox.vue'
const props = defineProps(['data', 'cols'])
</script>
<template>
  <MyBox class="bad-count" title="TOP 10 不良">
    <template v-slot:main>
      <BasicTable :data="data" :cols="cols" />
    </template>
  </MyBox>
</template>
<style lang="less" scoped>
.bad-count {
  width: 45%;
}
:deep(.table-box .el-table .el-table__cell) {
  padding: 6px 0;
}
:deep(.table-box .el-table .cell) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 20px;
}
:deep(.table-box .el-table__empty-block) {
  min-height: 365px;
}
</style>
